/**
 * 输入型组件 【左侧面板】
 */
export const InputComponents = [
    {
        // 组件的自定义配置
        __config__: {
            label: 'label.singleInput',
            labelWidth: null,
            showLabel: true,
            changeTag: true,
            tag: 'el-input',
            tagIcon: 'input-method-line',
            defaultValue: undefined,
            required: true,
            layout: 'colFormItem',
            span: 24,
            document: 'https://element.eleme.cn/#/zh-CN/component/input',
            // 正则校验规则
            regList: []
        },
        // 组件的插槽属性
        __slot__: {
            prepend: '',
            append: ''
        },
        // 其余的为可直接写在组件标签上的属性
        placeholder: 'label.inputPlaceholder',
        style: {width: '100%'},
        clearable: true,
        'prefix-icon': '',
        'suffix-icon': '',
        maxlength: null,
        'show-word-limit': false,
        readonly: false,
        disabled: false
    },
    {
        __config__: {
            label: 'label.multiInput',
            labelWidth: null,
            showLabel: true,
            tag: 'el-input',
            tagIcon: 'file-list-line',
            defaultValue: undefined,
            required: true,
            layout: 'colFormItem',
            span: 24,
            regList: [],
            changeTag: true,
            document: 'https://element.eleme.cn/#/zh-CN/component/input'
        },
        type: 'textarea',
        placeholder: 'label.inputPlaceholder',
        autosize: {
            minRows: 4,
            maxRows: 4
        },
        style: {width: '100%'},
        maxlength: null,
        'show-word-limit': false,
        readonly: false,
        disabled: false
    },
    // {
    //     __config__: {
    //         label: 'label.password',
    //         showLabel: true,
    //         labelWidth: null,
    //         changeTag: true,
    //         tag: 'el-input',
    //         tagIcon: 'lock-password-line',
    //         defaultValue: undefined,
    //         layout: 'colFormItem',
    //         span: 24,
    //         required: true,
    //         regList: [],
    //         document: 'https://element.eleme.cn/#/zh-CN/component/input'
    //     },
    //     __slot__: {
    //         prepend: '',
    //         append: ''
    //     },
    //     placeholder: 'label.inputPlaceholder',
    //     'show-password': true,
    //     style: {width: '100%'},
    //     clearable: true,
    //     'prefix-icon': '',
    //     'suffix-icon': '',
    //     maxlength: null,
    //     'show-word-limit': false,
    //     readonly: false,
    //     disabled: false
    // },
    {
        __config__: {
            label: 'label.numberInput',
            showLabel: true,
            changeTag: true,
            labelWidth: null,
            tag: 'el-input-number',
            tagIcon: 'number-9',
            defaultValue: undefined,
            span: 24,
            layout: 'colFormItem',
            required: true,
            document: 'https://element.eleme.cn/#/zh-CN/component/input-number',
            regList: []
        },
        placeholder: 'label.inputPlaceholder',
        min: undefined,
        max: undefined,
        step: 1,
        'step-strictly': false,
        precision: undefined,
        'controls-position': '',
        disabled: false
    },
    {
        __config__: {
            label: 'el.datepicker.selectTime',
            tag: 'el-date-picker',
            tagIcon: 'calendar-line',
            defaultValue: null,
            showLabel: true,
            labelWidth: null,
            span: 24,
            layout: 'colFormItem',
            required: true,
            regList: [],
            changeTag: true,
            document: 'https://element.eleme.cn/#/zh-CN/component/date-picker'
        },
        placeholder: 'label.selectPlaceholder',
        type: 'datetime',
        style: {width: '100%'},
        disabled: false,
        clearable: true,
        format: 'yyyy-MM-dd HH:mm:ss',
        'value-format': 'yyyy-MM-dd HH:mm:ss',
        readonly: false
    },
    {
        __config__: {
            label: 'label.select',
            showLabel: true,
            labelWidth: null,
            tag: 'el-select',
            tagIcon: 'arrow-down-circle-line',
            layout: 'colFormItem',
            span: 24,
            required: true,
            regList: [],
            changeTag: true,
            document: 'https://element.eleme.cn/#/zh-CN/component/select'
        },
        __slot__: {
            options: [{
                label: 'label.option1',
                value: 1
            }, {
                label: 'label.option2',
                value: 2
            }]
        },
        placeholder: 'label.selectPlaceholder',
        style: {width: '100%'},
        clearable: true,
        disabled: false,
        filterable: false,
        multiple: false
    }
    // {
    //     __config__: {
    //         label: '编辑器',
    //         showLabel: true,
    //         changeTag: true,
    //         labelWidth: null,
    //         tag: 'tinymce',
    //         tagIcon: 'rich-text',
    //         defaultValue: null,
    //         span: 24,
    //         layout: 'colFormItem',
    //         required: true,
    //         regList: [],
    //         document: 'http://tinymce.ax-z.cn'
    //     },
    //     placeholder: '请输入',
    //     height: 300, // 编辑器高度
    //     branding: false // 隐藏右下角品牌烙印
    // }
]

// 选择型组件 【左面板】
export const SelectComponents = [
    // {
    //     __config__: {
    //         label: 'label.select',
    //         showLabel: true,
    //         labelWidth: null,
    //         tag: 'el-select',
    //         tagIcon: 'arrow-down-circle-line',
    //         layout: 'colFormItem',
    //         span: 24,
    //         required: true,
    //         regList: [],
    //         changeTag: true,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/select'
    //     },
    //     __slot__: {
    //         options: [{
    //             label: 'label.option1',
    //             value: 1
    //         }, {
    //             label: 'label.option2',
    //             value: 2
    //         }]
    //     },
    //     placeholder: 'label.selectPlaceholder',
    //     style: {width: '100%'},
    //     clearable: true,
    //     disabled: false,
    //     filterable: false,
    //     multiple: false
    // },
    // {
    //     __config__: {
    //         label: 'label.cascadeSelect',
    //         url: 'https://www.fastmock.site/mock/f8d7a54fb1e60561e2f720d5a810009d/fg/cascaderList',
    //         method: 'get',
    //         dataPath: 'list',
    //         dataConsumer: 'options',
    //         showLabel: true,
    //         labelWidth: null,
    //         tag: 'el-cascader',
    //         tagIcon: 'node-tree',
    //         layout: 'colFormItem',
    //         defaultValue: [],
    //         dataType: 'dynamic',
    //         span: 24,
    //         required: true,
    //         regList: [],
    //         changeTag: true,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/cascader'
    //     },
    //     options: [{
    //         id: 1,
    //         value: 1,
    //         label: 'label.option1',
    //         children: [{
    //             id: 2,
    //             value: 2,
    //             label: 'label.option1-1'
    //         }]
    //     }],
    //     placeholder: 'label.selectPlaceholder',
    //     style: {width: '100%'},
    //     props: {
    //         props: {
    //             multiple: false,
    //             label: 'label',
    //             value: 'value',
    //             children: 'children'
    //         }
    //     },
    //     'show-all-levels': true,
    //     disabled: false,
    //     clearable: true,
    //     filterable: false,
    //     separator: '/'
    // },
    // {
    //     __config__: {
    //         label: 'label.radio',
    //         labelWidth: null,
    //         showLabel: true,
    //         tag: 'el-radio-group',
    //         tagIcon: 'radio-button-line',
    //         changeTag: true,
    //         defaultValue: undefined,
    //         layout: 'colFormItem',
    //         span: 24,
    //         optionType: 'default',
    //         regList: [],
    //         required: true,
    //         border: false,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/radio'
    //     },
    //     __slot__: {
    //         options: [{
    //             label: 'label.option1',
    //             value: 1
    //         }, {
    //             label: 'label.option2',
    //             value: 2
    //         }]
    //     },
    //     style: {},
    //     size: 'medium',
    //     disabled: false
    // },
    // {
    //     __config__: {
    //         label: 'label.checkBox',
    //         tag: 'el-checkbox-group',
    //         tagIcon: 'checkbox-line',
    //         defaultValue: [],
    //         span: 24,
    //         showLabel: true,
    //         labelWidth: null,
    //         layout: 'colFormItem',
    //         optionType: 'default',
    //         required: true,
    //         regList: [],
    //         changeTag: true,
    //         border: false,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/checkbox'
    //     },
    //     __slot__: {
    //         options: [{
    //             label: 'label.option1',
    //             value: 1
    //         }, {
    //             label: 'label.option2',
    //             value: 2
    //         }]
    //     },
    //     style: {},
    //     size: 'medium',
    //     min: null,
    //     max: null,
    //     disabled: false
    // },
    // {
    //     __config__: {
    //         label: 'label.switch',
    //         tag: 'el-switch',
    //         tagIcon: 'el-icon-turn-off',
    //         defaultValue: false,
    //         span: 24,
    //         showLabel: true,
    //         labelWidth: null,
    //         layout: 'colFormItem',
    //         required: true,
    //         regList: [],
    //         changeTag: true,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/switch'
    //     },
    //     style: {},
    //     disabled: false,
    //     'active-text': '',
    //     'inactive-text': '',
    //     'active-color': null,
    //     'inactive-color': null,
    //     'active-value': true,
    //     'inactive-value': false
    // },
    // {
    //     __config__: {
    //         label: 'label.slider',
    //         tag: 'el-slider',
    //         tagIcon: 'slider',
    //         defaultValue: null,
    //         span: 24,
    //         showLabel: true,
    //         layout: 'colFormItem',
    //         labelWidth: null,
    //         required: true,
    //         regList: [],
    //         changeTag: true,
    //     },
    //     disabled: false,
    //     min: 0,
    //     max: 100,
    //     step: 1,
    //     'show-stops': false,
    //     range: false
    // },
    // {
    //     __config__: {
    //         label: 'el.datepicker.selectTime',
    //         tag: 'el-time-picker',
    //         tagIcon: 'timer-2-line',
    //         defaultValue: null,
    //         span: 24,
    //         showLabel: true,
    //         layout: 'colFormItem',
    //         labelWidth: null,
    //         required: true,
    //         regList: [],
    //         changeTag: true,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/time-picker'
    //     },
    //     placeholder: 'label.selectPlaceholder',
    //     style: {width: '100%'},
    //     disabled: false,
    //     clearable: true,
    //     'picker-options': {
    //         selectableRange: '00:00:00-23:59:59'
    //     },
    //     format: 'HH:mm:ss',
    //     'value-format': 'HH:mm:ss'
    // },
    // {
    //     __config__: {
    //         label: 'label.timeRangePicker',
    //         tag: 'el-time-picker',
    //         tagIcon: 'time-line',
    //         span: 24,
    //         showLabel: true,
    //         labelWidth: null,
    //         layout: 'colFormItem',
    //         defaultValue: null,
    //         required: true,
    //         regList: [],
    //         changeTag: true,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/time-picker'
    //     },
    //     style: {width: '100%'},
    //     disabled: false,
    //     clearable: true,
    //     'is-range': true,
    //     'range-separator': 'label.to',
    //     'start-placeholder': 'el.datepicker.startTime',
    //     'end-placeholder': 'el.datepicker.endTime',
    //     format: 'HH:mm:ss',
    //     'value-format': 'HH:mm:ss'
    // },
    // {
    //     __config__: {
    //         label: 'el.datepicker.selectTime',
    //         tag: 'el-date-picker',
    //         tagIcon: 'calendar-line',
    //         defaultValue: null,
    //         showLabel: true,
    //         labelWidth: null,
    //         span: 24,
    //         layout: 'colFormItem',
    //         required: true,
    //         regList: [],
    //         changeTag: true,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/date-picker'
    //     },
    //     placeholder: 'label.selectPlaceholder',
    //     type: 'datetime',
    //     style: {width: '100%'},
    //     disabled: false,
    //     clearable: true,
    //     format: 'yyyy-MM-dd HH:mm:ss',
    //     'value-format': 'yyyy-MM-dd HH:mm:ss',
    //     readonly: false
    // },
    // {
    //     __config__: {
    //         label: 'label.dateRangePicker',
    //         tag: 'el-date-picker',
    //         tagIcon: 'calendar-todo-fill',
    //         defaultValue: null,
    //         span: 24,
    //         showLabel: true,
    //         labelWidth: null,
    //         required: true,
    //         layout: 'colFormItem',
    //         regList: [],
    //         changeTag: true,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/date-picker'
    //     },
    //     style: {width: '100%'},
    //     type: 'daterange',
    //     'range-separator': 'label.to',
    //     'start-placeholder': 'el.datepicker.startDate',
    //     'end-placeholder': 'el.datepicker.endDate',
    //     disabled: false,
    //     clearable: true,
    //     format: 'yyyy-MM-dd',
    //     'value-format': 'yyyy-MM-dd',
    //     readonly: false
    // },
    // {
    //     __config__: {
    //         label: 'label.rate',
    //         tag: 'el-rate',
    //         tagIcon: 'star-smile-line',
    //         defaultValue: 0,
    //         span: 24,
    //         showLabel: true,
    //         labelWidth: null,
    //         layout: 'colFormItem',
    //         required: true,
    //         regList: [],
    //         changeTag: true,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/rate'
    //     },
    //     style: {},
    //     max: 5,
    //     'allow-half': false,
    //     'show-text': false,
    //     'show-score': false,
    //     disabled: false
    // },
    // {
    //     __config__: {
    //         label: '颜色选择',
    //         tag: 'el-color-picker',
    //         tagIcon: 'color',
    //         span: 24,
    //         defaultValue: null,
    //         showLabel: true,
    //         labelWidth: null,
    //         layout: 'colFormItem',
    //         required: true,
    //         regList: [],
    //         changeTag: true,
    //         document: 'https://element.eleme.cn/#/zh-CN/component/color-picker'
    //     },
    //     'show-alpha': false,
    //     'color-format': '',
    //     disabled: false,
    //     size: 'medium'
    // },
    // {
    //     __config__: {
    //         label: 'label.upload',
    //         tag: 'el-upload',
    //         tagIcon: 'upload-cloud-line',
    //         layout: 'colFormItem',
    //         defaultValue: null,
    //         showLabel: true,
    //         labelWidth: null,
    //         required: true,
    //         span: 24,
    //         showTip: false,
    //         buttonText: 'label.uploadPlaceholder',
    //         regList: [],
    //         changeTag: true,
    //         fileSize: 2,
    //         sizeUnit: 'MB',
    //         document: 'https://element.eleme.cn/#/zh-CN/component/upload'
    //     },
    //     __slot__: {
    //         'list-type': true
    //     },
    //     action: 'wwww.junmass.com:10000/upload',
    //     disabled: false,
    //     accept: '',
    //     name: 'file',
    //     'auto-upload': true,
    //     'list-type': 'text',
    //     multiple: false
    // }
]


// 布局型组件 【左面板】
export const LayoutComponents = [
    {
        __config__: {
            layout: 'rowFormItem',
            tagIcon: 'layout-row-line',
            label: 'label.rowContainer',
            layoutTree: true,
            document: 'https://element.eleme.cn/#/zh-CN/component/layout#row-attributes'
        },
        type: 'default',
        justify: 'start',
        align: 'top'
    },
    {
        __config__: {
            label: 'label.btn',
            showLabel: true,
            changeTag: true,
            labelWidth: null,
            tag: 'el-button',
            tagIcon: 'el-icon-magic-stick',
            span: 24,
            layout: 'colFormItem',
            document: 'https://element.eleme.cn/#/zh-CN/component/button'
        },
        __slot__: {
            default: 'label.primaryBtn'
        },
        type: 'primary',
        icon: 'none',
        round: false,
        size: 'medium',
        plain: false,
        circle: false,
        disabled: false
    }
]
